page{
  height:100%;
  background-color:#fff;
}
.child-account-detail-t-new{
  box-sizing:border-box;
  padding:55rpx 41rpx 16rpx 41rpx;
  border-bottom:1rpx solid #e6e6e6;
  align-items:flex-start;
  .child-account-detail-t-l-new{
    margin-right:63rpx;
    .user-info-title{
      width:140rpx;
      text-align:center;
    }
    .user-icon-png{
      width:140rpx;
      height:140rpx;
      image{
        width:100%;
        height:100%;
      }
    }
  }
  .child-account-detail-t-r-new{
    flex:1;
    .add-commsion{
      margin-top:36rpx;
      margin-bottom:24rpx;
    }
  }
}
.comission-setting{
  padding-top:33rpx;
  padding-bottom:40rpx;
  border-bottom:1rpx solid #e6e6e6;
  width:100%;
  box-sizing:border-box;
  .commision-example{
    margin-bottom:20rpx;
    margin-left:30rpx;
  }
  .commsion-inp{
    height:88rpx;
    line-height:88rpx;
    input{
      display:inline-block;
      vertical-align: middle;
      width:600rpx;
      height:88rpx;
      line-height:88rpx;
      background:rgba(230,230,230,1);
      border-radius:6rpx;
      color:#000;
      text-align:center;
      margin-right:21rpx;
      margin-left:51rpx;
    }
    .commision-percent{
      display:inline-block;
      height:88rpx;
      line-height:88rpx;
      color:#000;
    }
  }
}
.total-account{
  width:100rpx;
  height:100rpx;
}
.setting-comm-prop{
  display:inline-block;
  width:100rpx;
  height:40rpx;
  line-height:40rpx;
  text-align:center;
  background:#000;
  color:#fff;
  font-size:20rpx;
  margin-left:33rpx;
  border-radius:5rpx;
}
.child-account-detail-t{
  padding-top:15rpx;
  padding-bottom:30rpx;
  box-sizing:border-box;
  align-items:flex-start;
  .child-account-detail-t-l{
     width:60%;
    font-size:26rpx;
    color:#000;
    &>view{
      text-align:center;
    }
    .total-account-commsion{
      margin-top:15rpx;
      margin-bottom:40rpx;
    }
  }
  .child-account-detail-t-r{
    width:40%;
    font-size:24rpx;
    color:#000;
    margin-top:15rpx;
    &>view{
      position:relative;
      &:after{
        position:absolute;
        content:'';
        left:-18rpx;
        top:15rpx;
        width:8rpx;
        height:8rpx;
        border-radius:100%;
        background-color:#000;
      }

    }
    .add-commsion{
      margin-top:38rpx;
      margin-bottom:38rpx;
    }
  }
}
.sort-by-time{
  width:100%;
  padding:36rpx 34rpx;
  text-align:right;
  display:flex;
  justify-content: flex-end;
  position:relative;
  box-sizing:border-box;
  .open-menu{
    width:25rpx;
    height:16rpx;
    margin-left:21rpx;
  }
  .filter-time{
    width:204rpx;
    height:236rpx;
    background-color:#fff;
    padding:41rpx;
    text-align:center;
    font-size:28rpx;
    color:#000;
    overflow-y:auto;
    position:absolute;
    right:34rpx;
    top:100rpx;
    box-sizing:border-box;
    &>view{
      padding-bottom:22rpx;
      &.active{
        color:#993333;
      }
    }


  }
}
.child-account-detail-panel{
  padding:16rpx 32rpx 26rpx 32rpx;
  background-color:#fff;
  border-bottom:1rpx solid #e6e6e6;
  &:last-child{
    border-bottom:none;
  }
  .commsion-order-detail{
    font-size:24rpx;
    color:#000;
    margin-top:32rpx;
  }
}

